<template>
  <view class="">
    <type1 v-if="show_what == 1"></type1>
    <type2 v-if="show_what == 2"></type2>
    <type3 v-if="show_what == 3"></type3>
  </view>
</template>

<script>
import type1 from "components/type1.vue";
import type2 from "components/type2.vue";
import type3 from "components/type3.vue";

export default {
  components: {
    type1,
    type2,
    type3,
  },
  data() {
    return {
      len: 3,
      show_what: 2,
    };
  },
  mounted() {
    // 每分钟 换一次 字体
    setInterval(() => {
      this.show_what++;
	  console.log("this.show_what--->", this.show_what);
      if (this.show_what > this.len) {
        this.show_what = 1;
      }
    }, 1000 * 60 * 60);
  },
  methods: {},
};
</script>

<style>
</style>
